<template>
  <div style="height:100%;">
    <div class="separaterow">
      <el-table :data="checkData" style="width: 100%;height:calc(100% - 30px)" class="tableCon" size="mini" key="checkData"  ref="standardTable">
        <el-table-column label="序号" min-width="50px">
          <template slot-scope="scope">
            {{scope.$index+1}}
          </template>
        </el-table-column>
        <el-table-column property="checkType" label="类型" min-width="100px">
          <template slot-scope="scope">
            <span v-if="scope.row.checkType === 0">测试前检查项</span>
            <span v-if="scope.row.checkType === 1">测试后检查项</span>
          </template>
        </el-table-column>
        <el-table-column property="content" label="检查项" min-width="100px">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex'
  export default {
    props: { beforeCheckData: Object },
    data() {
      return {
        page: 1,
        tableHeightD: ((window.innerHeight - 300) / 3 - 25),
        checkData: [],
        checkShow: false,
        checkId: '',
      }
    },
    computed: {
      tabDivHeight() {
        return (window.innerHeight - 460)
      }
    },
    mounted() {
      // conosle.Log(this.beforeCheckData)
      this.checkId = this.beforeCheckData.id
      this.init()
    },
    watch:{
      nowTab(val){
        console.log(val)
      }
    },
    methods: {
      init() {
        this.$http({
          apiUrl: 'resource/readUsecheckList.htm',
          method: 'post',
          params: { id: this.beforeCheckData.id },
          isJson:false,
        }).then(res => {
          if (res.code === 0) {
            this.checkData = res.data
          }
        })
      },
      handleSizeChange() { },
      handleCurrentChange() { },
    }
  }

</script>

<style>

</style>